// 购物车显示，登录后允许查看
; (function () {
    function getCookie(key) {
        var arr = document.cookie.split("; ");
        for (var i = 0; i < arr.length; i++) {
            var arr2 = arr[i].split("=");
            if (key === arr2[0]) {
                return arr2[1]
            }
        }
    }
    function setCookie(key, value, timing) {
        var date = new Date();
        date.setDate(date.getDate() + timing);
        document.cookie = key + "=" + value + ";expires=" + date;
    }
    //获取用户信息
    var userNew=getCookie("users")?JSON.parse(getCookie("users")):[];
    var index = userNew.findIndex((el, idx) => {
        return el.state == 1;
    })
    var login = document.querySelector(".login");
    var register = document.querySelector(".register");
    var cart = document.querySelector(".cart");
    var hide = document.querySelector(".hide");
    if (index != -1) {
        login.innerHTML = userNew[index].personName + "您好！"
        register.innerHTML = "退出"
        register.onclick = function () {
            userNew[index].state = 0;
            setCookie("users", JSON.stringify(userNew),5)
            location.href="./index.html";
        }
        hide.style.display = "none";
        $(".cart").hover(function () {
            $(".cart-menu").show()
        }, function () {
            $(".cart-menu").hide()
        })
        cart.href = "./gouwuche.html"
    }
    else {
        hide.style.display = "block";
        register.href = "./register.html";
        login.href = "./login.html"
    }
})()

//列表页，详情页需要登录后才能跳转
var str=document.querySelector(".login").innerHTML;
var reg=/您好/;
console.log(str);
if(reg.test(str)){
    $(".lietiao")[0].href="./liebiao.html"
    $(".xiang")[0].href="./xiangqing.html"
}else{
    $(".lietiao")[0].href="" 
    $(".xiang")[0].href=""
    alert("请登录")
}

    //购物车显示几条商品信息
    ; (function () {
        function getCookie(key) {
            var arr = document.cookie.split("; ");
            for (var i = 0; i < arr.length; i++) {
                var arr2 = arr[i].split("=");
                if (key === arr2[0]) {
                    return arr2[1]
                }
            }
        }
        // 购物车里面数字显示
        var carts = getCookie('carts') ? JSON.parse(getCookie('carts')) : [];
        var num = carts.length;
        // 获取元素
        var cartNum = document.querySelector(".cart-num");
        cartNum.innerHTML = num;
        if (num != 0) {
            $(".cart-menu").html("进入购物车查看商品详情")
        }
    })();
//  顶部导航滑过显示，移出隐藏  案例（下拉菜单）
; (function () {
    $('.nav-item').on('mouseenter', 'li', function () {
        var index = $(this).index();
        var that = $('.header-nav-menu');
        if (index >= 7) {
            that.stop().slideUp();
        } else {
            // .header-nav-menu显示下面的ul,ul的兄弟淡出消失，自己显示 
            that.stop().slideDown().find('ul').eq(index).fadeIn().siblings().fadeOut()
            //切换事件，hover滑过ul显示that,移出收起
            that.find("ul").hover(function () {
                that.show();
            }, function () {
                that.stop().slideUp();
            });
        }
    });
    $('.header-top').mouseover(function () {
        $('.header-nav-menu').stop().slideUp();
    });
})()

    // /*广告图淡入淡出*/      （案例：轮播图）
    ; (function () {
        $(function () {
            // 声明 下标 （下标作用域要提升）
            var index = 0;
            // 鼠标移入分页按钮 轮播
            var len = $(".slider-main>li").length;
            var timer = null;
            $(".index>li").mouseenter(function () {
                // 得到下标
                index = $(this).index();
                change(index);
            });

            //点击上一张 轮播
            $(".pre").click(function () {
                // 改变下标
                index--;
                if (index === -1) {
                    index = len - 1;
                }
                change(index);
            })
            // 点击下一张
            $(".next").click(function () {
                index++;
                index %= len;
                change(index);
            })
            // 自动轮播
            timer = setInterval(function () {
                index++;
                index %= len;
                change(index);
            }, 2000);

            $(".slider").hover(function () {
                clearInterval(timer);
            }, function () {
                timer = setInterval(function () {
                    index++;
                    index %= len;
                    change(index);
                }, 2000);
            });
            function change(index) {
                $(".index>li").eq(index).addClass('active').siblings().removeClass('active');
                $(".slider-main>li").eq(index).stop().fadeIn().siblings().stop().fadeOut();
            }
        })
    })()
    // 轮播图左侧列表滑过显示效果(案例：下拉菜单)
    ; (function () {
        $(function () {
            $(".category .category-item").mouseover(function () {
                var index = $(this).index();
                $(".children").eq(index).css("display", "block");
            }).mouseout(function () {
                var index1 = $(this).index();
                $(".children").eq(index1).css("display", "none");
            })
        })
    })()
    // 明星单品轮播显示
    ; (function () {
        $(function () {
            var index = 0;
            var i = 10;
            var timer = null;
            $(".arrow a").click(function () {
                if ($(this).hasClass("arrow-r")) {
                    index++;
                    i++;
                    index %= $(".main-banner").length;
                    var j = index - 1;
                    if (index == 0) {
                        j = $(".main-banner").length - 1;
                    }
                    $(".main-banner").eq(index).css("z-index", i)
                    $(".main-banner").eq(index).animate({
                        left: 0
                    }, 700)
                    $(".main-banner").eq(j).animate({
                        left: -1226
                    }, 700).animate({
                        left: 1226
                    })
                }
                else {
                    index--;
                    i++;
                    if (index == -1) {
                        index = $(".main-banner").length - 1;
                    }
                    var j = index + 1;
                    if (index == $(".main-banner").length - 1) {
                        j = 0;
                    }
                    $(".main-banner").eq(index).css({
                        left: -1226
                    })
                    $(".main-banner").eq(j).css("z-index", i)
                    $(".main-banner").eq(index).stop().animate({
                        left: 0
                    }, 700)
                    $(".main-banner").eq(j).stop().animate({ left: 1226 }, 700)

                }
            })
            timer = setInterval(function () {
                index++;
                i++;
                index %= $(".main-banner").length;
                var j = index - 1;
                if (index == 0) {
                    j = $(".main-banner").length - 1;
                }
                $(".main-banner").eq(index).css("z-index", i)
                $(".main-banner").eq(index).animate({
                    left: 0
                }, 700)
                $(".main-banner").eq(j).animate({
                    left: -1226
                }, 700).animate({
                    left: 1226
                })
            }, 3000)
            $(".start-product").hover(function () {
                clearInterval(timer)
            }, function () {
                timer = setInterval(function () {
                    index++;
                    i++;
                    index %= $(".main-banner").length;
                    var j = index - 1;
                    if (index == 0) {
                        j = $(".main-banner").length - 1;
                    }
                    $(".main-banner").eq(index).css("z-index", i)
                    $(".main-banner").eq(index).animate({
                        left: 0
                    }, 700)
                    $(".main-banner").eq(j).animate({
                        left: -1226
                    }, 700).animate({
                        left: 1226
                    })
                }, 3000)
            })
        })
    })()

    // 搭配和配件选项卡显示
    ; (function () {
        $('#dp').on('mouseenter', 'li', function () {
            $(this).addClass('tab-active').siblings().removeClass('tab-active');
            var index = $(this).index();
            $('.box-rt-1>ul').eq(index).show().siblings().hide();
        });
        $('#pj').on('mouseenter', 'li', function () {
            $(this).addClass('tab-active').siblings().removeClass('tab-active');
            var index = $(this).index();
            $('.box-rt-2>ul').eq(index).show().siblings().hide();
        });
        $('#zb').on('mouseenter', 'li', function () {
            $(this).addClass('tab-active').siblings().removeClass('tab-active');
            var index = $(this).index();
            $('.box-rt-3>ul').eq(index).show().siblings().hide();
        });
    })()


    //内容轮播构造函数swiper实现轮播
    ; (function ($) {
        $.fn.Carousel = function (options) {
            var dft = {
                div: $('.xm-carousel-wrapper'),
                ul: $('.main-banner'),
                next: $('.arrow-l'),
                pre: $('.arrow-r'),
                btn: $('.arrow'),
                num: 1,
                dot: null,
                left: 0,
                leftA: 0,
                startIndex: 0,
                currentIndex: 0,
                t: 8000,
                timer: null,
                auto: true
            };
            $.extend(dft, options);
            return this.each(function () {
                $(dft.btn).hover(
                    function () {
                        stop();
                    },
                    function () {
                        if (dft.auto === true) {
                            start();
                        }
                    });
                $(dft.pre).click(function () {
                    if (dft.currentIndex == 0) {
                        return false;
                    }
                    {
                        dft.startIndex = dft.currentIndex;
                        dft.currentIndex = --dft.currentIndex % dft.ul.length;
                        if (dft.dot === null) {
                            dft.pre.addClass('disable').siblings().removeClass('disable');
                        } else {

                            dft.dot.eq(dft.currentIndex).addClass('pager-active').siblings().removeClass('pager-active');
                        }
                        dft.left = "-100%";
                        dft.leftA = "100%";
                        play(dft.left, dft.leftA);
                    }
                });
                $(dft.next).click(function () {
                    if (dft.currentIndex == dft.num) {
                        return false;
                    }
                    {
                        dft.startIndex = dft.currentIndex;
                        dft.currentIndex = ++dft.currentIndex % dft.ul.length;
                        if (dft.dot === null) {
                            dft.next.addClass('disable').siblings().removeClass('disable');
                        } else {
                            dft.dot.eq(dft.currentIndex).addClass('pager-active').siblings().removeClass('pager-active');
                        }
                        dft.left = "100%";
                        dft.leftA = "-100%";
                        play(dft.left, dft.leftA);
                    }
                });
                if (dft.dot !== null) {
                    dft.dot.click(function () {
                        dft.startIndex = dft.currentIndex;
                        dft.currentIndex = $(this).index();
                        if (dft.currentIndex > dft.startIndex) {
                            dft.left = "100%";
                            dft.leftA = "-100%";
                            dft.dot.eq(dft.currentIndex).addClass('pager-active').siblings().removeClass('pager-active');
                            play(dft.currentIndex, dft.startIndex);
                        } else {
                            dft.left = "-100%";
                            dft.leftA = "100%";
                            dft.dot.eq(dft.currentIndex).addClass('pager-active').siblings().removeClass('pager-active');
                            play(dft.currentIndex, dft.startIndex);
                        }
                    });
                }
                function play() {
                    dft.ul.eq(dft.currentIndex).css({ left: dft.left }).stop().animate({ left: 0 });
                    dft.ul.eq(dft.startIndex).css({ left: 0 }).stop().animate({ left: dft.leftA });
                }
                function start() {
                    dft.timer = setInterval(function () {
                        if (dft.currentIndex !== dft.num) {
                            dft.next.triggerHandler("click");
                        } else {
                            dft.pre.triggerHandler("click");
                        }
                    }, dft.t);
                }
                function stop() {
                    clearInterval(dft.timer);
                }
                if (dft.auto === true) {
                    start();
                }
            });
        }
    })(jQuery);
$('.xm-carousel-wrapper-2').Carousel({
    ul: $('#book').find('li'),
    next: $('.control-next '),
    pre: $('.control-prev'),
    num: 2,
    dot: $('.content-item-first').find('.pager'),
    auto: false
});
$('.xm-carousel-wrapper-3').Carousel({
    ul: $('#mi').find('li'),
    next: $('.control-next-1'),
    pre: $('.control-prev-1'),
    num: 3,
    dot: $('.content-item-second').find('.pager'),
    auto: false
});
$('.xm-carousel-wrapper-4').Carousel({
    ul: $('#GM').find('li'),
    next: $('.control-next-2'),
    pre: $('.control-prev-2'),
    num: 3,
    dot: $('.content-item-third').find('.pager'),
    auto: false
});
$('.xm-carousel-wrapper-5').Carousel({
    ul: $('#app').find('li'),
    next: $('.control-next-3'),
    pre: $('.control-prev-3'),
    num: 3,
    dot: $('.content-item-fourth').find('.pager'),
    auto: false
});
$('.content-list').on('mouseenter', 'li', function () {
    $(this).find('.arrow').on('mouseenter', 'a', function () {
        $(this).addClass('change');
    })
}).on('mouseleave', 'li', function () {
    $(this).find('.arrow').on('mouseleave', 'a', function () {
        $(this).removeClass('change');
    })
});